<template>
    <ul class="nav-bar">
        <li class="back" @click="back"><i class="iconfont" style="font-weight: 500;">&#xe62b;</i></li>
        <li class="title">{{$route.meta.title}}</li>
        <li></li>
    </ul>
</template>

<script lang="ts">
export default {
    name:'nav-bar',
    methods: {
        back(){
            this.$router.back()
        },
        goToLogin(){
            this.$router.push('/login')
        }
    }
}
</script>




<style lang="scss">
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}

@font-face {
  font-family: 'iconfont';  /* Project id 2790324 */
  src: url('//at.alicdn.com/t/font_2790324_8kpq4mv08xo.woff2?t=1630762160624') format('woff2'),
       url('//at.alicdn.com/t/font_2790324_8kpq4mv08xo.woff?t=1630762160624') format('woff'),
       url('//at.alicdn.com/t/font_2790324_8kpq4mv08xo.ttf?t=1630762160624') format('truetype');
}
.nav-bar{
    display: flex;
    width: 100%;
    min-height: 46px;
    justify-content: space-between;
    align-items: center;
    height: 46px;
    background: linear-gradient(
90deg, #dd9b4c, #ffd787);
    li{
        font-weight: 900;
        justify-content: space-around;
        width: 72px;
        display: flex;
        list-style: none;
        align-items: center;
        i{
            font-size: 24px;
        }
        img{
            border-radius: 15px;
            height: 30px;
        }
    }
}
</style>